﻿#connectarea {
    padding-top: 5px
}
 #connectarea h1 {
     font-size: 16px;
     padding-top: 17px;
     padding-bottom: 15px;
 }
#columnright {
    margin-top: 49px
}
#votesfavoritesviewsarea {
    text-align: center;
    padding-top: 9px;
}
.connectbox {
    width: 257px;
    height: 287px;
    border-radius: 3px;
    display: inline;
    float: left;
    margin-right: 20px;
}
.connectbox-last {
    margin-right: 0
}
.connectbox h2 {
    font-size: 24px;
    display: inline;
    float: left;
    margin-left: 72px;
    margin-top: 17px;
    margin-bottom: 0px;
}
h2.connectboxviews {
    margin-left: 95px
}
.connectboximg {
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7px;
}
.connectstarburstfloat {
    width: 31px;
    height: 30px;
    display: inline;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
 .connectstarburstfloat p {
     font-weight: bold;
     font-size: 14px;
     text-align: center;
     color: #fff;
     margin-top: 6px;
     margin-right: 2px;
 }
.linesstyle {
    width: 257px;
    height: 3px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}
.connectlinksarea {
    margin-top: 15px;
    text-align: center;
    font-size: 12px;
    position: relative;
    left: 50%;
    height: 39px;
    clear: left;
    float: left;
    display: block;
}
.connectlinksarea1 {
    border-left: solid 1px #e5e3e6;
    border-top: solid 1px #e5e3e6;
    border-right: solid 1px #e5e3e6;
    border-bottom: solid 1px #e5e3e6;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    display: block;
    float: left;
    padding: 3px 6px 3px 6px;
    background-color: #FFF;
    position: relative;
    right: 50%;
    height: 18px;
}
.connectlinksarea2 {
    border-left: none;
    border-right: solid 1px #e5e3e6;
    border-top: solid 1px #e5e3e6;
    border-bottom: solid 1px #e5e3e6;
    display: block;
    float: left;
    padding: 3px 6px 3px 6px;
    background-color: #FFF;
    position: relative;
    right: 50%;
    height: 18px;
}
.connectlinksarea3 {
    border-left: none;
    border-right: solid 1px #e5e3e6;
    border-top: solid 1px #e5e3e6;
    border-bottom: solid 1px #e5e3e6;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: block;
    float: left;
    padding: 3px 6px 3px 6px;
    background-color: #FFF;
    position: relative;
    right: 50%;
    height: 18px;
}
.connectlinksarea p {
    display: inline;
    float: left;
    padding-top: 1px;
    height: 18px;
}
.numberlink {
    background-color: #bdb9c0;
    border-radius: 5px;
    padding: 0px 2px 0px 2px;
    margin-left: 5px;
    margin-top: 1px;
}
 .numberlink a {
     color: #FFFFFF;
     font-size: 10px;
 }
.pclear {
    display: block;
    clear: both;
    padding-top: 2px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
}
/* List Page */
#connectlistarea {
    margin-top: 15px
}
.menulistarea {
    display: block;
    clear: both;
    width: 820px;
    border: none;
    border-bottom: solid 1px #ece9ef;
    height: 44px;
}
.menuyesvote {
    display: inline;
    float: left;
    padding: 10px 20px 6px 20px;
    cursor: pointer;
    height: 27px;
}
.menufavorites {
    display: inline;
    float: left;
    padding: 10px 20px 6px 20px;
    cursor: pointer;
    height: 27px;
}
.menuviews {
    display: inline;
    float: left;
    padding: 10px 20px 6px 20px;
    cursor: pointer;
    height: 27px;
}
.menulistareaon {
    font-size: 18px;
    color: #2d1d40;
    border-top: solid 1px #ece9ef;
    border-left: solid 1px #ece9ef;
    border-right: solid 1px #ece9ef;
    border-bottom: solid 1px #FFF;
}
.menulistareaoff {
    font-size: 18px;
    border: solid 1px #FFF;
    border-bottom: solid 1px #ece9ef;
}
.bluestarburstplace {
    position: relative
}
.bluestarburstyes {
    width: 31px;
    height: 30px;
    display: inline;
    float: left;
    margin-left: 7px;
    margin-top: -3px;
}
.bluestarburstfavorites {
    width: 31px;
    height: 30px;
    display: inline;
    float: left;
    margin-left: 7px;
    margin-top: -3px;
}
.bluestarburstviews {
    width: 31px;
    height: 30px;
    display: inline;
    float: left;
    margin-left: 7px;
    margin-top: -3px;
}
.bluestarburstyes p {
    text-align: center;
    margin-top: 6px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 2px;
    display: inline;
    float: left;
    width: 30px;
}
.menuyesvote p {
    display: inline;
    float: left;
}
.menufavorites p {
    display: inline;
    float: left;
}
.menuviews p {
    display: inline;
    float: left;
}
.bluestarburstfavorites p {
    text-align: center;
    margin-top: 6px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 2px;
    display: inline;
    float: left;
    width: 30px;
}
.bluestarburstviews p {
    text-align: center;
    margin-top: 6px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 2px;
    display: inline;
    float: left;
    width: 30px;
}
.yescontent {
    width: 820px;
    display: block;
    clear: both;
}
.favoritescontent {
    height: 525px;
    width: 820px;
    display: block;
    clear: both;
    display: none;
}
.viewscontent {
    height: 525px;
    width: 820px;
    display: block;
    clear: both;
    display: none;
}
.results {
    font-weight: bold;
    font-size: 18px;
    color: #cbc8ce;
    display: inline;
    float: left;
    margin-top: 12px;
}
.yescontenttoprow {
    display: block;
    clear: both;
    height: 47px;
}
#paginationalone {
    display: inline;
    float: left;
    font-size: 14px;
    margin-left: 23px;
    margin-top: 15px;
    font-weight: bold;
}
 #paginationalone img {
     margin-left: 5px;
     margin-right: 5px;
 }
.bottomrow {
    width: 820px;
    border: none;
    border-top: solid 1px #ece9ef;
    height: 50px;
    padding-top: 20px;
    display: block;
    clear: both;
}
.yescontentmiddlerow {
    margin-top: 0px;
    width: 820px;
}
.toprowfloatright {
    width: 245px;
    float: right;
    margin-right: 5px;
    display: inline;
}
.listpagelinksarea {
    margin-top: 11px;
    text-align: center;
    font-size: 12px;
    display: block;
}
 .listpagelinksarea p {
     height: 18px;
     padding-top: 1px;
 }
.numberlink {
    border-radius: 5px;
    padding: 0px 2px 0px 2px;
    margin-left: 5px;
    margin-top: 1px;
}
 .numberlink a {
     color: #FFFFFF;
     font-size: 10px;
 }
.profilerepeat {
    width: 820px;
    border: solid 1px;
    display: block;
    clear: both;
    padding-top: 10px;
    padding-bottom: 15px;
    border: none;
    border-top: solid 1px #ECE9EF;
}
.profilerepeatcol1 {
    width: 85px;
    height: 102px;
    display: inline;
    float: left;
    margin-top: 10px;
}
.profilerepeatcol2 {
    width: 440px;
    display: inline;
    float: left;
    margin-top: 7px;
    margin-left: 8px;
}
.profilerepeatcol3 {
    width: 205px;
    height: 102px;
    display: inline;
    float: left;
    margin-top: 10px;
    margin-left: 17px;
}
.profilerepeatcol4 {
    width: 22px;
    height: 102px;
    display: inline;
    float: right;
    margin-top: 10px;
    margin-right: 6px;
}
.newalertoverlayplace {
    position: relative;
    z-index: 20;
}
.newalertoverlay {
    position: absolute;
    z-index: 6;
}
.userpic {
    margin-top: 2px;
    margin-left: 2px;
    width: 80px;
    height: 100px;
}
.profilerepeatcol2row1 {
    display: block;
    clear: both;
}
.profilerepeatcol2row2 {
    display: block;
    clear: both;
    padding-top: 5px;
}
.profilerepeatcol2row3 {
    display: block;
    clear: both;
}
.profilerepeatcol2row4 {
    display: block;
    clear: both;
    margin-top: 10px;
}
.profilerepeatcol2row1 p {
    display: inline;
    float: left;
}
.profilerepeatcol2row1 img {
    display: inline;
    float: left;
    margin-left: 12px;
    margin-right: 3px;
    margin-top: 1px;
}
.profilerepeatcol2row2 p {
    display: inline;
    float: left;
}
.profilerepeatcol2row2 img {
    display: inline;
    float: left;
    margin-left: 4px;
    margin-right: 3px;
    margin-top: -1px;
}
.lightgraytext {
    color: #aea7b5
}
.profilerepeatcol2row4 img {
    margin-right: 13px
}
.profilerepeatcol3 textarea {
    background-color: #F7F8F6;
    border: 1px solid #ECE9EF;
    height: 53px;
    overflow: auto;
    padding: 5px;
    resize: none;
    width: 190px;
}
.profilerepeatcol3 a {
    float: right;
    margin-right: 3px;
    margin-top: 8px;
}
.clearfix {
    font-size: 2px !important
}
.listpagemore {
    font-size: 11px
}
#paginationsearch {
    margin-top: 10px !important
}
.timestampcl {
    display: inline;
    float: left;
    margin-left: 10px;
}
.flirthoverplace {
    position: relative
}
.flirthover {
    position: absolute;
    width: 100px;
    height: 20px;
    color: #FFFFFF;
    text-align: center;
}
 .flirthover p {
     margin-top: 1px
 }
.nomessagesarea {
    margin-bottom: 50px;
    margin-top: 0px;
    text-align: center;
    width: 820px;
    border: none;
    border-top: solid 1px #ECE9EF;
    padding-top: 40px;
}
 .nomessagesarea h1 {
     font-size: 24px;
     font-weight: bold;
     margin-bottom: 10px;
 }
 .nomessagesarea p {
     margin-bottom: 12px;
     margin-left: auto;
     margin-right: auto;
     width: 460px;
 }
.nomessagesareaa {
    display: block;
    margin-top: 26px;
}
#profileoverlayplace {
    position: relative;
    z-index: 99;
}
#profileoverlay {
    background-image: url(images/blackoverlay.png);
    height: 24px;
    left: 2px;
    position: absolute;
    top: 78px;
    width: 80px;
    z-index: 100;
}
 #profileoverlay img {
     display: inline;
     float: left;
     margin-left: 6px;
     margin-top: 3px;
 }
 #profileoverlay p {
     display: inline;
     float: left;
     font-size: 11px;
     line-height: 12px;
     margin-left: 0px;
     margin-top: 6px;
     width: 80px;
     text-align: center;
 }
 #profileoverlay a {
     color: #FFFFFF
 }
#profileoverlaybirthday {
    height: 30px;
    position: absolute;
    top: 72px;
    width: 80px;
    z-index: 100;
    left: 2px;
}
 #profileoverlaybirthday img {
     display: inline;
     float: left;
     margin-left: 6px;
     margin-top: 3px;
 }
 #profileoverlaybirthday p {
     display: inline;
     float: left;
     margin-left: 4px;
     margin-top: 2px;
     width: 50px;
     font-size: 11px;
     line-height: 12px;
 }
 #profileoverlaybirthday a {
     color: #FFFFFF
 }
/* tool tip styles */
.box {
    border: solid 2px;
    border-radius: 5px;
    background-color: #fff;
}
.shadow {
    box-shadow: 3px 3px 3px #666
}
.arrowarea {
    margin-top: -2px
}
.tooltip {
    position: absolute;
    z-index: 2;
    margin-top: -64px;
}
.tooltipleft {
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 35px;
    font-weight: bold;
    padding-left: 15px;
    width: 78px;
}
.tooltipright {
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 13px;
    padding-right: 0;
    text-align: left;
}
 .tooltipright span {
     cursor: pointer
 }
.tooltipclose {
    position: absolute;
    cursor: pointer;
    margin-top: -10px;
}
.tooltipwrapper {
    position: relative
}
#yestome {
    margin-left: -148px
}
 #yestome .tooltipright {
     width: 180px
 }
 #yestome .tooltipclose {
     margin-left: 266px
 }
 #yestome .arrowarea {
     margin-left: 200px
 }
#mutual {
    margin-left: -91px
}
 #mutual .tooltipright {
     width: 200px
 }
 #mutual .tooltipclose {
     margin-left: 284px
 }
 #mutual .arrowarea {
     margin-left: 200px
 }
#viewedme {
    margin-left: -36px
}
 #viewedme .tooltipright {
     width: 150px
 }
 #viewedme .tooltipclose {
     margin-left: 233px
 }
 #viewedme .arrowarea {
     margin-left: 166px
 }
#yesincomingPopUp {
    margin-left: 23px
}
#yesmutualPopUp {
    margin-left: 3px
}
#favoritemutualPopUp {
    margin-left: 21px
}
#favoriteincomingPopUp {
    margin-left: 41px
}
.starlink {
    width: 18px;
    margin-left: 5px;
    background-repeat: no-repeat;
}
 .starlink a {
     color: #FFFFFF!important;
     font-size: 10px;
 }
 .starlink span {
     font-size: 11px;
     position: absolute;
     font-weight: bold;
     margin: -9px 0 0;
 }
.color-white span {
    font-size: 15px;
    position: absolute;
    font-weight: bold;
    margin: -15px 0 0;
}
.inboxcontenttoprow2 {
    display: block;
    clear: both;
    height: 48px;
    border: none;
    border-top: solid 1px #ECE9EF;
    margin-top: 4px;
    font-size: 12px;
}
.inboxcontenttoprow2col1 {
    display: inline;
    float: left;
    margin-top: 15px;
    width: 100px;
}
 .inboxcontenttoprow2col1 input {
     display: inline;
     float: left;
     margin: 2px 0 0;
     padding: 0;
     width: 20px;
 }
 .inboxcontenttoprow2col1 p {
     display: inline;
     float: left;
     margin-left: 3px;
 }
.inboxcontenttoprow2col2 {
    display: inline;
    float: left;
    margin-top: 17px;
    width: 88px;
}
.profilerepeatcol0 {
    width: 30px;
    height: 100px;
    display: inline;
    float: left;
    margin-top: 10px;
}
 .profilerepeatcol0 input {
     width: 20px;
     padding: 0px;
     margin: 0px;
 }
.chatquicktip {
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
}

/* connect count test */

.connectArea {
    padding-top: 5px;
    text-align:center;
    width:100%
}
.connectArea h1 {
    font-size: 16px;
    padding-top: 17px;
    padding-bottom: 15px;
    text-align:left;
}
.connectBox {
    width: 237px;
    height: 271px;
    border-radius: 3px;
    margin-right: 20px;
    display:inline-block;
    text-align:center;
    padding:10px;
}
.lt-ie8 .connectBox {
    display:inline;
    zoom:1;
}
    .connectBox > div:first-child {
        padding:10px 20px;
        border-radius:10px;
        border:1px solid #63aac5;
        background-color:#fff;
        color:#1d7281;
    }
    .connectBox > div:first-child a {
        font-size:24px;
        line-height:50px;
        margin-left:-20px;
        color:#63aac5;
    }
    .connectBox > div:first-child a img {
        margin-right:7px;
        float:left;
        border:0;
    }
    .connectBox > div:first-child > div {
        font-size:19px;
        text-align:center;
        margin:0;
        padding:0;
        width:205px;
        height:48px;
    }
    .connectBox > div:first-child > div > span {
        color:#bf2726;
    }
    .connectBox > div > div:first-child {
        font-size:12px;
        margin:21px 0;
    }
    .connectBox > div > div {
        font-size:13px;
        margin:0 13px;
    }
    .connectBox > div > div > div {
        margin:0;
        padding:5px;
        background-color:#fff;
        border:1px solid #e5e3e6;
        text-align:center;
        display:inline;
    }
    .connectBox > div > div > div > span {
        margin:0 0 0 3px;
        background-color:#bdb9c0;
        border-radius:5px;
        color:#fff;
        font-size:10px;
        padding:0 0 1px 0;
        text-align:center;
    }
    .connectBox > div > div > div:first-child {
        border-radius:5px 0 0 5px;
        border-right:0;
    }
    .connectBox > div > div > div.lastLink {
        border-radius:0 5px 5px 0;
        border-left:0;
    }
    .connectBox > div > div > div.lastLink span {
        padding-right:3px;
    }
    .connectBox > div {
        font-size:13px;
        margin:0 auto;
        text-align:center;
    }
.lastBox {
    margin-right: 0
}
    .lastBox > div > div > div:first-child {
        border-right:1px solid #e5e3e6;
    }
    .lastBox > div:first-child a {
        margin-left:-45px;
    }

 /* ie 8 and below only*/
.lt-ie9 #profileoverlaybirthday p {
    font-size:10px;
    line-height:9px;
}